<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS设置背景颜色</title>
    <!--CSS中，颜色值通常以以下方式定义:-->
    <!--十六进制 - 如："#ff0000"-->
    <!--RGB - 如："rgb(255,0,0)"-->
    <!--颜色名称 - 如："red"-->
    <!--以下实例中, h1, p, 和 div 元素拥有不同的背景颜色:-->
    <style>
        h1
        {
            background-color: #6495ed;
        }
        p
        {
            background-color: #e0ffff;
        }
        div
        {
            background-color: #b0c4de;
        }
    </style>
</head>
<body>

<h1>CSS background-color实例！</h1>
<div>
    该文本插入在div元素中。
    <p>该段落有自己的背景颜色。</p>
    我们仍然在同一个div中。
</div>

</body>
</html>